<template>
  <el-scrollbar style="height:100%;">
  <el-row style="min-width: 1300px;">
    <el-col :span="24">
      <service-carrier :orderDetail="orderDetail" v-if="orderDetail.trunkMerchantDetails"></service-carrier>
      <slot name="evaluationCarrier"  v-if="orderDetail.trunkMerchantDetails"></slot>
      <service-header :orderDetail="orderDetail">
        <div slot="tools"><slot name="tools"></slot></div>
      </service-header>
      <slot name="evaluation"></slot>
      <service-log :orderDetail="orderDetail"></service-log>
    </el-col>
  </el-row>
  </el-scrollbar>
</template>

<script>
import serviceCarrier from '@/views/fhb/myOrders/components/detail/serviceCarrier'
import serviceHeader from '@/views/fhb/myOrders/components/detail/serviceHeader'
import serviceLog from '@/views/fhb/myOrders/components/detail/serviceLog'
export default {
  name: 'service-info',
  components: {
    serviceCarrier,
    serviceHeader,
    serviceLog
  },
  props: {
    id: {
      type: String,
      default: ''
    },
    orderDetail: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  computed: {
  }
}
</script>

<style scoped>

</style>
